@layout("/common/_vContainer.html"){
<script>
    var $id = '${id}';
</script>
<div id="app">
    <el-row :gutter="20">
        <el-col :span="6">
            <div class="card">
                <div class="p-tb-10 f-w-700">成绩统计分析</div>
                <!--<div class="m-t-4">成绩统计分析 - 视唱练耳2</div>-->
            </div>
        </el-col>
         <el-col :span="18">
            <div class="card">
                <el-button v-on:click="history.go(-1)"><i class="el-icon-arrow-left"></i> 返回上一级</el-button>
                <el-button type="success" v-on:click="location.reload()"><i class="el-icon-refresh"></i> 刷新</el-button>
            </div>
        </el-col>
    </el-row>
    <div class="card">
        <el-form>
            <el-row :gutter="10">
                <el-col :span=5>
                    <el-form-item>
                        <div>专业名</div>
                        <el-select placeholder="专业名" value="学前教育"></el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="5">
                    <el-form-item>
                        <div>科目名</div>
                        <el-select placeholder="科目名" value="视唱练耳2"></el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="5">
                    <el-form-item label="年级">
                        <el-input placeholder="年级" value="3年制-2014年级"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="5">
                    <el-form-item label="班别">
                        <el-input placeholder="班别"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="4">
                    <el-button size="mini" type="primary">继续添加</el-button>
                    <el-button size="mini" type="warning">分析统计</el-button>
                </el-col>
            </el-row>
        </el-form>
    </div>
    <div class="card" v-loading="loading" element-loading-text="数据分析中..">
        <el-row>
            <el-col :span="6" v-if="result" class="p-l-20">
                <div class="m-t-10"><el-tag>最低分</el-tag> <span v-text="result.min"></span></div>
                <div class="m-t-10"><el-tag>最高分</el-tag> <span v-text="result.max"></span></div>
                <div class="m-t-10"><el-tag>平均分</el-tag> <span v-text="result.avg"></span></div>
                <div class="m-t-10"><el-tag type="success">及格率</el-tag> <span v-text="result.rate4d"></span></div>
                <div class="m-t-10"><el-tag type="success">优秀率</el-tag> <span v-text="result.rate4b"></span></div>
                <div class="m-t-10"><el-tag type="success">超均率</el-tag> <span v-text="result.rate4over"></span></div>
                <div class="m-t-10"><el-tag type="warning">标准差</el-tag> <span v-text="result.standard"></span></div>
            </el-col>
            <el-col :span="6">
                <h3>最低分、最高分、平均分</h3>
                <div id="chart" style="width: 100%;height: 300px;"></div>
            </el-col>
            <el-col :span="6">
                <h3>及格率 & 优秀率</h3>
                <div id="chart2" style="width: 100%;height: 300px;"></div>
            </el-col>
            <el-col :span="6">
                <h3>标准差</h3>
                <div id="chart3" style="width: 100%;height: 300px;"></div>
            </el-col>
        </el-row>
    </div>
</div>
<script src="${ctxPath}/static/modular/edu/subject/stat.js"></script>
@}
